.user{
	height: 100%;
	background: #fff;
	position: relative;
}
.user-box{
	height: 100%;
	background: url('/images/user_ images/user_headerbgi.png') no-repeat;
	background-size: 10rem 2.39rem;
	position: absolute;//触发BFC 解决margin合并
	.user-header{
		margin: 0.83rem 0 0.13rem 0.29rem;
		background: url('/images/user_ images/user_headerbgi2.png') no-repeat;
		background-size: 100% 100%;
		width: 9.71rem;
		height: 3.85rem;
		position: relative;
		.user-header-content{
			// background-color: #008c8c;
			width:5.52rem;
			height:1.76rem;
			font-size:0.97rem;
			font-weight:800;
			font-family:PingFang SC;
			color:rgba(108,182,255,1);
			line-height:0.96rem;
			position: absolute;
			left: 0.83rem;
			top: 0.51rem;
			span{
				height:1.76rem;
				font-size:0.98rem;
				font-family:PingFang SC;
				font-weight:800;
				color:rgba(108,182,255,1);
				line-height:0.96rem;
				text-align: left;
			}
		}
		.user-header-avatar{
			img {
				width: 100%;
				height: 100%;
			}
			width:1.6rem;
			height:1.6rem;
			border-radius:50%;
			position: absolute;
			border:0px solid rgba(232,232,232,1);
			top: 0.83rem;
			right: 0.53rem;
		}
		.user-header-classTitle{
			height:0.41rem;
			font-size:0.43rem;
			font-weight:400;
			color:rgba(108,182,255,1);
			line-height:0.75rem;
			position: absolute;
			left: 0.79rem;
			top: 2.65rem;
			span {
				height:0.41rem;
				font-size:0.43rem;
				font-family:PingFang;
				font-weight:400;
				color:rgba(108,182,255,1);
				line-height: 0.41rem;
			}
		}
	}
	.user-list{
		.am-list-item{
			width:9.2rem;
			height:1.31rem;
			background:rgba(255,255,255,1);
			box-shadow:0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.2);
			padding: 0 0.43rem 0 0.37rem;
			.am-list-content{
				font-size:0.41rem;
				color:rgba(51,51,51,1);
				font-weight:bold;
				box-sizing: border-box;
			}
			img{
				display: inline-block;
				padding: 0;
				width: 0.47rem;
				height: 0.47rem;
			}
			.rightContent{
				width:0.63rem;
				height:0.31rem;
				font-size:0.32rem;
				font-family:PingFang;
				font-weight:400;
				color:rgba(51,51,51,1);
				line-height:0.75rem;
				opacity:0.5;
				margin-right: 0.07rem;
			}
		}
		.am-list-body{
			.am-list-item{
				.am-list-line{
					padding: 0;
					border-bottom: 1px solid #ccc;
					&::after{
						width: 0;
					}
				}
			}
		}
		.am-list-body::before,.am-list-body::after{
			width: 0;
		}
	}
}
.modal-ChangeRole{
	height: 6.41rem;
	width: 9.44rem;
	left: 0.56rem;
	top: 4.85rem;
	background-color: transparent;
	&-box{
		height: 100%;
		background-size: contain;
		position: relative;
		background: url('/images/user_ images/charactor-tab-bg.png');
		.modal-changerole-item{
			width: 1.29rem;
			position: absolute;
			top: 1.91rem;
			img{
				margin: 0 auto;
			}
			span{
				margin-top: 0.11rem;
				display: block;
				font-size:0.32rem;
				font-family:PingFang;
				font-weight:400;
				color:rgba(51,51,51,1);
			}
			.now-role, .no-pass{
				font-size:0.29rem;
				font-family:PingFang;
				font-weight:bold;
				color:rgba(51,51,51,1);
				opacity:0.5;
				margin-top: 0.04rem;
				height:0.29rem;
				line-height: 0.29rem;
			}
		}
		.changerole-item1{
			left: 1.39rem;
		}
		.changerole-item2{
			left: 3.79rem;
		}
		.changerole-item3{
			left: 6.19rem;
		}
	}
}
.am-modal-wrap .am-modal-content{
	background-color: transparent;
}
// .modal-transparent{
// 	background-color: transparent;
// }
.modal-update{
	width: 8.57rem;
	height: 6.68rem;
	left: 0.41rem;
	top: 3.77rem;
	background: url('/images/user_ images/updatabg.png') no-repeat;
	span{
		display: block;
		text-align: left;
	}
	.update-title{
		height:0.39rem;
		font-size:0.4rem;
		font-family:PingFang;
		font-weight:bold;
		color:rgba(114,185,255,1);
		position: absolute;
		left: 2.97rem;
		top: 1.52rem;
	}
	.update-item{
		width: 4.6rem;
		font-size:0.29rem;
		font-family:PingFang;
		font-weight:400;
		color:rgba(51,51,51,1);
		position: absolute;
		left: 2.36rem;
		line-height: 0.54rem;
		display: flex;
		flex-direction: row;
	}
	.update1{
		top: 2.43rem;
	}
	.update2{
		top: 3.48rem;
	}
	.update3{
		top: 4.03rem;
	}
	.update-hint{
		width:3.57rem;
		height:0.29rem;
		font-size:0.29rem;
		font-family:PingFang;
		font-weight:400;
		color:rgba(51,51,51,1);
		line-height:0.32rem;
		opacity:0.5;
		position: absolute;
		left: 2.76rem;
		top: 4.77rem;
	}
	.button-box{
		height: 1.07rem;
		width: 7.96rem;
		background-color: #fff;
		position: absolute;
		right: 0;
		bottom: 0;
		border-radius:0 0 0.2rem 0.2rem;
		display: flex;
		flex-direction: row;
		justify-content: stretch;
		border-top: 3px dashed #111;
		div{
			height: 100%;
			line-height: 1.07rem;
			text-align: center;
			flex: 1;
		}
		.refuse-update{
			border-right: 1px solid #111;
			font-size:0.4rem;
			font-family:PingFang;
			font-weight:400;
			color:rgba(51,51,51,1);
			opacity:0.5;
		}
		.update-now{
			font-size:0.4rem;
			font-family:PingFang SC;
			font-weight:800;
			color:rgba(108,188,255,1);
		}
	}
}
.modal-log-out{
	background-color: #fff;
	width: 7.97rem;
	height: 2.14rem;
	border-radius: 0.15rem;
	left: 1.11rem;
	top: 9.19rem;
	.userOut{
		height: 100%;
		display: flex;
		flex-direction: column;
		text-align: center;
		// align-items: center;
		// justify-content: center;
		span{
			flex: 1;
			line-height: 1.07rem;
		}
	}
}
